<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core">
    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Observatório</title>
    </h:head>
    <link rel="stylesheet" type="text/css" href="../css/estilo_observatorio_geral.css"/>
    <link rel="stylesheet" type="text/css" href="../css/estilo_eixos.css"/>
    <link href='http://fonts.googleapis.com/css?family=Average+Sans' rel='stylesheet' type='text/css'/>
    <h:body>
        <h:form id="formCurso">
            <div id="wrap_site">
                <div id="topo">
                    <div id="menu">
                        <ul>
                            <li><a href="../index.html">INÍCIO</a></li>
                            <li><a href="#">QUEM SOMOS</a></li>
                            <li><a href="#">EIXOS DE OBSERVAÇÃO</a></li>
                            <li><a href="#">PROJETOS</a></li>
                            <li><a href="#">NOTÍCIAS</a></li>
                            <li><a href="#">CONTATO</a></li>
                            <li><a href="../indexSistema.html">ACESSO AO SISTEMA</a></li>	
                        </ul>
                    </div> <!--END MENU-->

                    <div id="redes_sociais"> 
                        <a href="#"><img src="../images/icone_tw.jpg" width="17" height="17" alt="Tweeter" /></a>
                        <a href="#"><img src="../images/icone_linkedin.jpg" width="17" height="17" alt="LinkedIn" /></a>
                        <a href="#"><img src="../images/icone_gplus.jpg" width="17" height="17" alt="Google Plus" /></a>
                        <a href="#"><img src="../images/icone_flickr.jpg" width="17" height="17" alt="Flickr" /></a>
                        <a href="#"><img src="../images/icone_fb.jpg" width="17" height="17" alt="Facebook" /></a>
                    </div> <!--END REDES SOCIAIS-->

                    <div class="clear_float">  </div>
                </div> <!--END TOPO-->

                <div id="conteudo"> 

                    <div id="sidebar_left"> <a href="#"><img src="../images/id_observatorio.jpg" width="310" height="154" alt="Observatório" /></a>

                        <p style="border: solid 2px #ccc; padding:10px; width:272px;">O <strong style="font-size:17px;">Eixo de Ensino e Aprendizagem</strong> acolhe projetos de pesquisa que buscam mapear, compreender e/ou descutir a natureza e as fronteiras da Gestão Social como um novo campo de práticas e conhecimentos de gestão.</p>

                    </div>
                    <div id="sidebar_right" style="background-color: #c7c7d9">
                        <div id="bg_l1_bibliometria" style="min-height:244px;background-color: #c7c7d9" >
                            <img src="../images/detalhe_caixas.png" class="det_caixas float_left" />
                            <h1 class="titulo_pagina">Mapeamento da Formação em Gestão Social</h1>
                            <p class="texto_destaque texto_vermelho">Curso:</p>
                            <p><h:outputText value="#{cursoConsultaBean.curso.nome}" /></p>
                            <br />
                            <p class="texto_destaque texto_vermelho">Tipologia:</p>
                            <p><h:outputText value="#{cursoConsultaBean.curso.tipologia} "  /></p>
                            <br />
                            <p class="texto_destaque texto_vermelho">Instituição:</p>
                            <p><h:outputText value="#{cursoConsultaBean.curso.instituicao.nome} - #{cursoConsultaBean.curso.instituicao.municipio}, #{cursoConsultaBean.curso.instituicao.estado}  "  /></p>


                        </div>



                    </div>

                    <div class="clear_float"> </div>

                    <div class="cinza_medio recuo_15px" style="margin:0 20px 20px 20px;background-color: #c7c7d9 ">

                        <table width="100%" border="0">
                            <tr>
                                <td>
                                    <span class="cinza_medio recuo_10px" >
                                        <h:commandButton image="../images/seta_voltar2.png" action="/eixo_aprendizagem/resultado_pesquisa_curso.xhtml" style="height: 11px" value="Voltar" />
                                    </span>
                                </td>
                                <td align="right">
                                    <p:commandButton value="Imprimir" type="button" icon="ui-icon-print"> 
                                        <p:printer target="display" />  
                                    </p:commandButton>  

                                </td>
                            </tr>
                        </table>

                        <p:panel id="display" footer="Observatório da Formação em Gestão Social" style="text-align: left;width: 100%"  >  
                            <div align="left" >
                                <p>
                                    <h3><b>Nome do Curso:  </b> <h:outputText value="#{cursoConsultaBean.curso.nome}"  /></h3><br/>
                                    <b>Tipologia: </b> <h:outputText value="#{cursoConsultaBean.curso.tipologia}" /><br/>
                                    <b>Instituição: </b> <h:outputText value="#{cursoConsultaBean.curso.instituicao.nome}" /><br/>
                                    <b>Periodicidade atual da Oferta de vagas: </b> <h:outputText value="#{cursoConsultaBean.curso.periodicidadeOferta}"/><br/>
                                    <b>Site do Curso: </b> <h:outputText value="#{cursoConsultaBean.curso.site}" /><br/>
                                    <b>Tipo de Processo Seletivo: </b> <h:outputText value="#{cursoConsultaBean.curso.processoSeletivo}"/><br/>
                                    <b>Ano de Início de Oferta do Curso: </b> <h:outputText value="#{cursoConsultaBean.curso.anoInicioCurso}"/><br/>
                                    <b>Número de Vagas por Período: </b> <h:outputText value="#{cursoConsultaBean.curso.numeroDeVagas}"/><br/>
                                    <b>Duração Atual do Curso (semestres): </b><h:outputText value="#{cursoConsultaBean.curso.duracaoDoCurso}" /><br/><br/>
                                </p>
                                <p:panel header="Corpo Docente" >
                                    <h3><b>Composição:</b></h3>
                                    <b>Doutorado: </b> <h:outputText value="#{cursoConsultaBean.curso.quantidadeDoutores}" /><br/>
                                    <b>Mestrado: </b>    <h:outputText value="#{cursoConsultaBean.curso.quantidadeMestres}" /><br/>
                                    <b>Especialização: </b> <h:outputText value="#{cursoConsultaBean.curso.quantidadeEspecialistas}" /><br/>
                                    <b>Graduação: </b> <h:outputText value="#{cursoConsultaBean.curso.quantidadeGraduados}" /><br/>

                                    <h3><b>Docentes Cadastrados: </b></h3>
                                    <p:dataList value="#{cursoConsultaBean.curso.professores}" var="prof" itemType="circle">
                                        <b> #{prof.nome}  </b>
                                    </p:dataList>  

                                </p:panel>

                                <p:panel header="Projeto Político-pedagógico (PPP)" rendered="#{cursoConsultaBean.curso.ppps.size() != 0}" >
                                    <p:dataList value="#{cursoConsultaBean.curso.ppps}" var="ppp" itemType="disc" >

                                        <b>Tipo de Trabalho Final: </b>     
                                        <b>Data da Aprovação: </b>  <h:outputText value="#{ppp.dataAprovacao}" >
                                            <f:convertDateTime pattern="dd/MM/yyyy" /> 
                                        </h:outputText> <br/>
                                        <b>Matriz Curricular: </b> <p:commandButton value="Ver" update=":formCurso:display2"  oncomplete="dI.show()" rendered="#{ppp.matrizCurricular.id > 0}" >
                                            <f:setPropertyActionListener value="#{ppp.matrizCurricular.id}" target="#{cursoConsultaBean.pppSelecionado.matrizCurricular.id}" /> 
                                        </p:commandButton>
                                        <br/>
                                        <b>Download Pdf: </b>
                                        <p:commandButton id="downloadLink"  value="Download" ajax="false" onclick="PrimeFaces.monitorDownload(start, stop)"  rendered="#{ppp.pdf.conteudo != null}">  
                                            <p:fileDownload value="#{ppp.file}" />  
                                        </p:commandButton>

                                    </p:dataList>

                                </p:panel>


                                <p:panel header="Coordenações" rendered="#{cursoConsultaBean.curso.coordenacoes.size() != 0}">

                                    <p:dataList value="#{cursoConsultaBean.curso.coordenacoes}" var="coord" itemType="disc" >

                                        <b>Coordenador: </b> <h:outputText value="#{coord.coordenador.nome}" /> <br/>     
                                        <b>Data de Início: </b>  <h:outputText value="#{coord.dataInicio}" >
                                            <f:convertDateTime pattern="dd/MM/yyyy" /> 
                                        </h:outputText> <br/>
                                        <b>Data do Término: </b>  <h:outputText value="#{coord.dataFim}" >
                                            <f:convertDateTime pattern="dd/MM/yyyy" /> 
                                        </h:outputText> <br/>
                                        <b>Relato da Experiência: </b> <p:commandButton value="Ver" update=":formCurso:display3"  oncomplete="dC.show()" >
                                            <f:setPropertyActionListener value="#{coord.experiencia}" target="#{cursoConsultaBean.coordenacaoSelecionada.experiencia}" /> 
                                        </p:commandButton>


                                    </p:dataList>

                                </p:panel>


                                <p:panel header="Avaliações" rendered="#{cursoConsultaBean.curso.avaliacoesMEC.size() != 0}" >
                                    <p:dataList value="#{cursoConsultaBean.curso.avaliacoesMEC}" var="ava" itemType="disc" >

                                        <b>Período: </b> De <h:outputText value="#{ava.anoInicio}" /> até <h:outputText value="#{ava.anoFim}" />  <br/>     
                                        <b>Nota: </b>  <h:outputText value="#{ava.nota}" /> <br/>

                                        <b>Data do Término: </b>  <h:outputText value="#{coord.dataFim}" >
                                            <f:convertDateTime pattern="dd/MM/yyyy" /> 
                                        </h:outputText> <br/>
                                        <b>Download Pdf: </b>
                                        <p:commandButton id="downloadLink" icon="ui-icon-arrowthick-1-s"  value="Download" ajax="false" onclick="PrimeFaces.monitorDownload(start, stop)"  rendered="#{ava.pdf.conteudo != null}">  
                                            <p:fileDownload value="#{ava.file}" />  
                                        </p:commandButton>


                                    </p:dataList>

                                </p:panel>
                                <br/>

                                <p:panel header="Monitoração de ingressos e egressos" rendered="#{cursoConsultaBean.curso.engressosCursos.size() != 0}" >
                                    <p:dataList value="#{cursoConsultaBean.curso.engressosCursos}" var="egre" itemType="disc" >

                                        <b>Período: </b> <h:outputText value="#{egre.periodo}" />  <br/>     
                                        <b>Quantidade de ingressos: </b>  <h:outputText value="#{egre.ingressos}" /> <br/>
                                        <b>Quantidade de Egressos: </b>  <h:outputText value="#{egre.egressos}" /> <br/>
                                        <b>Duração do Curso: </b> <h:outputText value="#{egre.duracao} semestres" /> <br/>
                                    </p:dataList>

                                </p:panel>






                            </div>

                        </p:panel>

                        <p:dialog id="dImagem" header="Images" widgetVar="dI" >  
                            <p:panel id="display2" >
                                <h:outputText value="Id da imagem: #{cursoConsultaBean.pppSelecionado.matrizCurricular.id}" />
                                <h:graphicImage id="img" value="/imagens/#{cursoConsultaBean.pppSelecionado.matrizCurricular.id}" />

                            </p:panel>

                        </p:dialog>  

                        <p:dialog id="dCoord" header="Images" widgetVar="dC" >  
                            <p:panel id="display3" >
                                <b><h:outputText value="Relato da Experiência a frente da Coordenação:" /></b><br/>
                                <h:outputText value="#{cursoConsultaBean.coordenacaoSelecionada.experiencia}" />
                            </p:panel>

                        </p:dialog>  




                        <script type="text/javascript">  
                            function start() {  
                                PF('statusDialog').show();  
                            }  
  
                            function stop() {  
                                PF('statusDialog').hide();  
                            }  
                        </script>  

                    </div>

                </div> <!--END CONTEUDO-->

                <div id="footer">
                    <p class="texto_rodape">Observatório da Formação em Gestão Social (2013)</p>
                </div>
                <div id="wrap_marcas">
                    <img src="../images/id_each_usp.jpg" width="50" height="67" alt="EACH/USP" />
                    <img src="../images/id_ufba.jpg" width="50" height="67" alt="UFBA" />
                    <img src="../images/id_ufc.jpg" width="50" height="67" alt="UFC" />
                    <img src="../images/id_uft.jpg" width="95" height="67" alt="UFT" />
                    <img src="../images/id_puc.jpg" width="37" height="67" alt="PUC" />
                    <img src="../images/id_udesc.jpg" width="47" height="67" alt="UDESC" />
                    <img src="../images/id_ufb.jpg" width="71" height="67" alt="UFB" />
                    <img src="../images/id_puc_mg.jpg" width="71" height="67" alt="PUC/MG" />
                </div>





            </div> <!--END WRAP SITE-->




        </h:form>
    </h:body>
</html>

